<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Insert title here</title>
</head>
<body>

<body style="width:50%; margin:auto;">
	<h2 style="text-align:center;color:white;background-color:#787878">Bienvenue à Pendons-nous pendant que le loup n'y est pas !</h2>
	<p style="text-align:center;border:1px dashed black; padding:5px;background-color:#efefef">
		<span style="text-decoration:underline;font-style:italic;font-size:1.1em">
			Le but du jeu est simple :
		</span><br /> 
		Vous devez choisir 1 lettre parmi les 26 lettres de l'alphabet.<br />
		Ensuite, vous n'avez plus qu'à valider et voir si cette lettre appartient au mot mystere...<br />
		Vous avez jusqu'a 9 possibilites. <br />
		Entrez un pseudo puis un level et go css ! <br />	
	</p>
	
	<form action="tirage.do" method="post" style="text-align:center">
		<p style="text-align:center;border:1px dashed black; padding:5px;background-color:#efefef">
		<%
		
		     
		out.println("Choisir un pseudo : <input type=\"text\" value=\"pseudo\" name=\"pseudo\" > <br />");
		out.println("Choisir un niveau de difficulte : <select name=\"level\">");
		out.println("<option value=\"facile\"> facile </option>");
		out.println("<option value=\"intermediaire\"> intermediaire </option>");
		out.println("<option value=\"expert\"> expert </option>");
			//On génère les champs.
			 

				out.println("</select><br />");
				
		%>
		</p>
		<br />
		<input type="submit" value="Valider" />
		
	</form>
</body>

</body>
</html>